/*
       ::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的
       ::-webkit-scrollbar-button 滚动条两端的按钮
       ::-webkit-scrollbar-track  外层轨道
       ::-webkit-scrollbar-track-piece  内层滚动槽
       ::-webkit-scrollbar-thumb 滚动的滑块
       ::-webkit-scrollbar-corner 边角
       ::-webkit-resizer 定义右下角拖动块的样式
 */

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px !important;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px !important;
    background: #ffffff !important;
    cursor: pointer;
}

 ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px !important;
    box-shadow: inset 0 0 5px rgba(240, 240, 240, 0.5) !important;
    background: rgba(63, 98, 131, 0.8) !important;
    cursor: pointer !important;
}

 ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(240, 240, 240, 0.5) !important;
    border-radius: 0 !important;
    background: rgba(240, 240, 240, 0.5) !important;
    cursor: pointer !important;
}